<template>
	<view>
		<view class="cancelmain">
			<uni-icons type="checkbox-filled" size="80" color="#1b31f3" style="margin-top: 50px;"></uni-icons><br>
			<text class="canceltext">取消成功</text>
		</view>
		<view class="space"></view>
		<view class="cancelrule">
			<text class="ruletitle">平台运单取消规则</text><br>
			<text class="ruleInfo">司机存在下列情形导致取消运单的:</text><br>
			<text class="ruleInfo">1.超时未领票，平台自动取消;</text><br>
			<text class="ruleInfo">2.未领票前司机原因取消运单;</text><br>
			<text class="ruleInfo">3.领票后司机原因取消运单。</text><br>
			<text class="ruleInfo">一天内，累计次数达到2次，平台将暂停其枪弹资格24小时。</text>
		</view>
		<view>
			<u-button class="custom-style" type="primary" shape="circle" text="马上去抢单"
				@click="selectOrders()"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			selectOrders() {
				uni.switchTab({
					url: "/pages/found-goods/found-goods"
				})
			}
		}
	}
</script>

<style>
	.cancelmain {
		display: flex;
		width: 100%;
		height: 250px;
		justify-content: center;
		flex-flow: column nowrap;
		align-items: center;
		padding: 10px;
		margin: 0 5px;
	}

	.canceltext {
		font-size: 18px;
		margin-top: 15px;
		letter-spacing: 6rpx;
		font-weight: 500;
		margin-left: 5px;
	}

	/deep/.custom-style {
		margin-top: 20px;
		background-color: blue;
		width: 400rpx;
	}

	.cancelrule {
		height: 250px;
		width: 100%;
		padding: 0px 20px;
	}

	.ruletitle {
		display: inline-block;
		margin: 20px 0px 20px 0px;
		font-size: 20px;
	}

	.ruleInfo {
		display: inline-block;
		font-size: 18px;
		color: #bcbcbc;
		margin-bottom: 8px;
	}

	.space {
		height: 10px;
		background-color: #ececec;
	}
</style>